<div ng-init="init();" class="kmi-layout-content SMT06-content" ng-class="LevelPhaseStatus()">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left ng_prev" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="kmi-side-btn left init-none ng_next" ng-click="prevPage();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title ng_prev" ng-bind="'SMT06.title' | translate"></div>
        <div class="header-title init-none ng_next" ng-bind="'SMT06.title_two' | translate"></div>
    </div>
    <div class="kmi-layout-main-content">
        <!-- 基本資料 data -->
        <div class="kmi-row-fields data">
            <!-- 使用者資料 data_user -->
            <div class="column-item left data_user">
                <img src="image/icons/person.png"></img> 
                <label ng-bind="user_name"></label>
            </div>
            <!-- 環境資料 data_environment -->
            <div class="column-item right data_environment">
                <label ng-bind="('home.env' | translate) + envInfo"></label>
            </div>
        </div>
        <!-- 主要流程 process -->
        <div class="process">
                <div class="process_model" ng-repeat-start="phase in phases"
                ng-click="BackToPhase($index)" ng-class="PhaseStatus($index)">
                <label class="process_item" ng-bind="'SMT06.'+phase | translate" ></label>
            </div>
            <i class="material-icons process_arrowIcons" ng-repeat-end ng-if="!$last">keyboard_arrow_right</i>
        </div>
        <!-- 搜尋掃描欄 qr-code -->
        <div class="kmi-row-fields barcode_content qr-code" id="input_barcode">
            <img src="image/icons/search.png"></img> 
            <!-- <input class="qr-code_input" mdl-barcode="input_barcode(barcode)"/> -->
            <input class="barcode_input value input_plot" readonly="readonly"
                ng-keypress="input_PDA_barcode($event);" ng-model="barcode" hidekeyboard="true" />
            <div class="qr-code_icon" ng-click="QRCodeScanner();">
                <img src="image/icons/QRCode.png">
            </div>
        </div>
        <!-- 主要內容 SMT06_main -->
        <div class="SMT06_main">
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 設備編號  machine_no -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.machine_no' | translate"></label>
                    <label class="value ng_prev" ng-bind="machine_no"></label>
                    <!-- (新)Feeder(編號) new_feeder_no -->
                    <label class="label main_item init-none ng_next" ng-bind="'SMT06.list2.feeder_no' | translate"></label>
                    <label class="value init-none ng_next" ng-bind="new_feeder_no"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- (原)料站  origin_slot_no -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.slot_no' | translate"></label>
                    <label class="value ng_prev" ng-bind="origin_slot_no"></label>
                    <!-- (新)Feeder狀態  new_feeder_state -->
                    <label class="label main_item init-none ng_next" ng-bind="'SMT06.list2.feeder_state' | translate"></label>
                    <label class="value init-none ng_next" ng-bind="'SMT.common.state.s_' + new_feeder_state | translate"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 原物料批  origin_material_no -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.origin_material_no' | translate"></label>
                    <label class="value ng_prev" ng-bind="origin_material_no"></label>
                    <!-- (新)物料批  new_material_no -->
                    <label class="label main_item init-none ng_next" ng-bind="'SMT06.list2.material_no' | translate"></label>
                    <label class="value init-none ng_next" ng-bind="new_material_no"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- (原物料批)品號 origin_material_product_no -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.product_no' | translate"></label>
                    <label class="value ng_prev" ng-bind="origin_material_product_no"></label>
                    <!-- (新物料批)品號 new_material_product_no -->
                    <label class="label main_item init-none ng_next" ng-bind="'SMT06.list2.product_no' | translate"></label>
                    <label class="value init-none ng_next" ng-bind="new_material_product_no"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- (原物料批)規格 origin_material_item_spec -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.item_spec' | translate"></label>
                    <label class="value ng_prev" ng-bind="origin_material_item_spec"></label>
                    <!-- (新物料批)規格 new_material_item_spec -->
                    <label class="label main_item init-none ng_next" ng-bind="'SMT06.list2.item_spec' | translate"></label>
                    <label class="value init-none ng_next" ng-bind="new_material_item_spec"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- (原物料批)數量 origin_material_qty -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.qty' | translate"></label>
                    <input class="ng_prev" mdl-calculater="origin_material_qty" style="width: 20%; flex: none;" ng-show="level_index == 0 && phases_index == 1 && isPrevPage == false">
                    <label class="ng_prev" ng-bind="origin_material_qty" ng-show="isPrevPage == true"></label>
                    <!-- (新物料批)數量 new_material_qty -->
                    <label class="label main_item init-none ng_next" ng-bind="'SMT06.list2.qty' | translate"></label>
                    <label class="ng_next" ng-bind="new_material_qty"></label>
                    <!-- <input class="init-none ng_next" mdl-calculater="new_material_qty" style="width: 20%; flex: none;" ng-show="level_index == 1 && phases_index == 1"> -->
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- (原)Feeder(編號)  origin_feeder_no -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.feeder_no' | translate"></label>
                    <label class="value ng_prev" ng-bind="origin_feeder_no"></label>
                    <!-- 料站  slot_no -->
                    <label class="label main_item init-none ng_next" ng-bind="'SMT06.list2.slot_no' | translate"></label>
                    <label class="value init-none ng_next" ng-bind="origin_slot_no"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- (原)Feeder狀態 origin_feeder_state  -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.feeder_state' | translate"></label>
                    <label class="value ng_prev" ng-bind="'SMT.common.state.s_' + origin_feeder_state | translate"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 更換(feeder)原因  reason_no -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.change_feeder_reason' | translate"></label>
                    <input class="ng_prev" style="height: 90%;" ng-model="reason_no" readonly="readonly" ng-click="loadReason();" ng-show="level_index == 0 && phases_index == 1 && isPrevPage == false">
                    <div class="tip ng_prev" ng-show="level_index == 0 && phases_index == 1 && isPrevPage == false">
                        <i class="material-icons" style="color: #484848;">&#xE5CF;</i>
                    </div>
                    <label class="value ng_prev" ng-bind="reason_no" ng-show="isPrevPage == true"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 更換(feeder)原因說明 (這部份先不處理，先給 reason_name)  -->
                    <label class="label main_item ng_prev" ng-bind="'SMT06.list.change_feeder_remark' | translate"></label>
                    <label class="value ng_prev" ng-bind="reason_name"></label>
                </div>
            </div>
        </div>
        <!-- 關閉按鈕 & 確定按鈕 & 上一頁按鈕 & 關閉按鈕  -->
        <div class="kmi-mobile__btn-content" style="justify-content: space-around; display: flex;">
            <button class="kmi-button__mobile ng_prev" ng-click="back();">
                <label ng-bind="'SMT06.close' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
            <button class="kmi-button__mobile ng_prev" ng-click="nextPage();">
                <label ng-bind="'SMT06.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
            <button class="kmi-button__mobile init-none ng_next" style="margin: 0px 20px" ng-click="prevPage();">
                <label ng-bind="'SMT06.prev_page' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
            <button class="kmi-button__mobile init-none ng_next" style="margin: 0px 20px" ng-click="back();">
                <label ng-bind="'SMT06.close' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
        </div>
    </div>
</div>
